<!DOCTYPE html>
<html>

<head>

	<title> Source </title>
  <script
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"
    type="text/javascript"></script>
	<link rel=StyleSheet href="navbarstyle.css"/>
  <link rel=StyleSheet href="style.css"/>

	<script src="sourcejavascript.js" type="text/javascript"></script>
   <script src="../rest_server/sourceajax.js" type="text/javascript"></script>
	
    
</head>

<body>
	
	 <a class="logo" href="index.html" >
        <img id="logo" src="../images/Sankofacolorlogo.jpg"/>
        </a>

    <div id = "description"></div>

	<nav class="NavBar">
		<ul>
        	<li>
        		<a class= "Volunteer" href="volunteer.html"> Volunteers</a>
        		 <ul>
                    <li><a href="volunteer.html" title="Search"> Search </a></li>
                    <li><a href="addvolunteer.html" title="Edit"> Edit </a></li>
                </ul>
            </li>    
			<li>
				<a class= "Events " href="events.html"> Events</a>
				<ul>
					<li><a href="events.html" title="Search"> Search </a></li>
					<li><a href="addevents.html" title="Edit"> Edit </a></li>
				</ul>
			</li>

        	<li><a class= "Plants" href="plants.html"> Plants</a>
        		<ul>
					<li><a href="plants.html" title="Search"> Search </a></li>
					<li><a href="addplants.html" title="Edit"> Edit </a></li>
				</ul>
			</li>
      <li>
        <a class= "Source highlighted" href="source.html"> Source</a>
        <ul>
          <li><a href="source.html" title="Search"> Search </a></li>
          <li><a href="addsource.html" title="Edit"> Edit </a></li>
        </ul>
      </li> 	
        </ul>
    </nav>
    
    <div class = "top_200">
   		<input class="floatleft" type="text" name="q" alt="Search" value="" maxlength="256" size="32" />
    	<input class="floatleft" type="submit" name="btnG" value="Search" />
    	<p class="floatleft">Sort by:</p>
    		<select class="floatleft" >
    			<option>Date </option>
    			<option>Name </option>
    		</select>
        
	</div>

    <div class = "events_head">

        <div class="an_event_head">
           <div class="events_col-1_head">
             <div>
                    <h3>Date</h3> 
             </div>
           </div>
           <div class="events_col-2_head">
             <div>
                    <h3>Event</h3>
             </div>
           </div>
          <div class="events_col-3_head">
             <div>
                    <h3> Description</h3>
                </div>

            </div>
        </div>
    </div>

    <div class="events">
        
        <a  href="eventinfo.html">
        <div class="an_event">
           <div class="events_col-1">
             <div>
                    <h3>10/15/2012</h3> 
             </div>
           </div>
           <div class="events_col-2">
             <div>
                    <h3>Joint Class</h3>
             </div>
           </div>
          <div class="events_col-3">
             <div>
                    
                        <p> We talk about the progress we made on our webpages.<p>
             </div>
           </div>
        </div>
      </a>
        <div class="an_event">
           <div class="events_col-1">
             <div>
                    <h3>10/31/2012</h3> 
             </div>
           </div>
           <div class="events_col-2">
                <h3>Halloween</h3>
             <div>
                    
             </div>
           </div>
          <div class="events_col-3">
             <div>
                        <p> I'm going to eat candy until I am sick and then some.<p>
             </div>
           </div>
        </div>

         <div class="an_event">
           <div class="events_col-1">
             <div>
                    <h3>12/25/2012</h3> 
             </div>
           </div>
           <div class="events_col-2">
             <div>
                <h3>Christmas</h3>
             </div>
           </div>
          <div class="events_col-3">
             <div>
                        <p> I've already seen The Hobbit 11 times! The Road goes ever on and on
Down from the door where it began.
Now far ahead the Road has gone,
And I must follow, if I can,
Pursuing it with eager feet,
Until it joins some larger way
Where many paths and errands meet.
And whither then? I cannot say.<p>
             </div>
           </div>

           <div class="an_event">
           <div class="events_col-1">
             <div>
                    <h3>Date</h3> 
             </div>
           </div>
           <div class="events_col-2">
                <h3>Event Name</h3>
             <div>
                    
             </div>
           </div>
          <div class="events_col-3">
             <div>
                        <p> Here will be a description.<p>
             </div>
           </div>
        </div>

        </div>



</div>

</body>

</html>